<?php
$this->breadcrumbs = array(
    'Looking For People' => "index.php?lang={$lang}&r=Jobseeker/List",
    $titleName
);
?>
<div class="row-fluid" id="content">
    <div class="span12">
        <?php if (empty($clientID)){ ?>
        <form class="form-signin">
        <div id="login-intro">
            <h2><?= $titleName ?></h2>
        </div>
        <div class="row-fluid">
            <div class="span12"><img src="images/001_05.png"> Activation key not found</div>
        </div>
        </form>
        <?php } else { ?>
        <form class="form-signin" action="index.php?lang=<?= $lang ?>&r=Client/SetPassword" method="post">
        <div id="login-intro">
            <h2><?= $titleName ?></h2>
        </div>
        <input type="hidden" name="lang" value="<?= $lang ?>">
        <input type="hidden" name="ClientID" value="<?= $clientID ?>">
        <input type="password" name="Password" id="Password" class="input-block-level" placeholder="New Password">
        <input type="password" name="CPassword" id="CPassword" class="input-block-level" placeholder="Confirm Password">
        <div class="row-fluid">
            <div class="span6"><input class="btn btn-large btn-block btn-success" type="submit" value="Confirm"></div>
        </div>
        </form>
        <?php } ?>
    </div>
</div>
<script>
    $(function(){
        $('.form-signin').submit(function(){
            var password = $('#Password').val();
            var cPassword = $('#CPassword').val();
            if(password != cPassword || password == '' || cPassword == ''){
                $('.alert').remove();
                var content = '<div class="alert" >';
                content += '<button type="button" class="close" data-dismiss="alert">&times;</button>';
                content += "<strong>Warning!</strong> Password don't match.";
                content += '</div>';
                $('#CPassword').after(content);
                return false;
            }
        });
    });
</script>
<style>
    .form-signin {
        max-width: 300px;
        padding: 19px 29px 29px;
        margin: 0 auto 20px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
        box-shadow: 0 1px 2px rgba(0,0,0,.05);
    }
    div#login-intro {
        background: transparent url('images/login-icon.png') no-repeat left center;
        padding: 0.312em 0 0.312em 3.125em;
    }
    #content {
        background: #f8f9fa url('images/artwork-pattern.png') repeat-x left bottom;
        border: 1px solid #eeefef;
        padding: 1.875em 0;
    }
</style>